@import '@/styles/variables.scss';

.drugTabItem-view{
  display: flex;
  padding-bottom: $block-y;
  border-bottom: 0.5px $border-color dashed;

  .item{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: $block-y;
    .gray{
      color: $font-color-info;
    }
  }

  .drug{
    width: 100%;
    min-width: 200px;
    justify-content: right;

    .el-autocomplete{
      width: 90%;
      max-width: 400px;
    }
    .el-autocomplete-suggestion{
      width: auto!important;
    }

    .el-input{
      margin-left: $block-x;
    }
    .el-input--suffix .el-input__inner{
      padding-right: 10px;
    }
    .el-select .el-input__suffix{
      width: 0;
    }
    .el-icon-arrow-up::before{
      content: unset;
    }
  }

  .specifications{
    min-width: 150px;
  }

  .manufacturer{
    min-width: 250px;
  }

  .number{
    min-width: 200px;
    display: flex;
    .el-input{
      width: 70px;
    }
    .el-select{
      width: 70px;
    }
  }

  .price{
    min-width: 150px;
    .el-input{
      width: 100px;
    }
  }

  .total{
    min-width: 100px;
    .el-input{
      width: 100px;
    }
  }

  .merge-input{
    border: 1px $border-color solid;
    border-radius: $border-radius-4;
    display: flex;
    .el-input__inner{
      border: 0;
    }
    .line{
      height: 30px;
      width: 1px;
      background-color: $border-color;
    }
  }

  .delete{
    min-width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: $main-color;
  }


}
